import React from "react";
import Header from "./widgets/header";
import Section from "./widgets/section";
import Sidebar from "./widgets/sidebar";
import Footer from "./widgets/footer";

function App() {
  return (
    <React.StrictMode>
      <div className="h-screen flex flex-col relative">
        <div className="static z-10">
          <Header />
        </div>
        <div className="flex">
          <div
            className="fixed top-0 left-0 z-0 h-full"
            style={{
              width: 200,
              backgroundColor: "#2d353c",
            }}
          >
            <Sidebar />
          </div>
          <div className="flex-1" style={{ paddingLeft: 200 }}>
            <Section />
          </div>
        </div>
        <div style={{ backgroundColor: "rgb(217, 224, 231)"}}>
          <Footer />
        </div>
      </div>
    </React.StrictMode>
  );
}

export default App;
